<template>
  <div>
    <h3>这是Child1组件</h3>
    <input type="button" @click="change" value="修改父组件的数据">
    <p>来自于父组件的数据：{{ a }}，类型为：{{ typeof a }}</p>
    <p>来自于父组件的数据：{{ b }}，类型为：{{ typeof b }}</p>
    <p>来自于父组件的数据：{{ c }}，类型为：{{ typeof c }}</p>
    <p>来自于父组件的数据：{{ d }}，类型为：{{ typeof d }}</p>
    <p>来自于父组件的数据：{{ e }}，类型为：{{ typeof e }}</p>
    <p>来自于父组件的数据：{{ f }}，类型为：{{ typeof f }}</p>
    <p>来自于父组件的数据：{{ g }}，类型为：{{ typeof g }}</p>
    <p>来自于兄弟组件的数据：{{ bData }}，类型为：{{ typeof bData }}</p>
  </div>
</template>

<script>
export default {
  // props: ["c", "d", "e", "a", "b", "f", "g"]
  props: {
    c:{}, d:{}, e:{}, f:{}, a:{}, 
    b:{
      required: true,
      type: Number
    },
    g:{
      default: "默认值",
      required: true
    }
  },
  methods:{
    change(){
      this.g = 123435465;
    }
  },
  computed:{
    aa(){
      return this.a
    }
  },
  data() {
    return {
      bData: ""
    }
  },
  mounted(){
    this.$root.bus.on("zxc", (val)=>{
      // console.log(val);
      this.bData = val;
    })
  }
}
</script>